<template>
  <div class="bindingAccountBox">
    <header-box title="关联账户" :showLeft="true" :showRight="true"></header-box>

    <group title="关联账号绑定设置">
      <cell title="微信" link="accountInfo" is-link>
        <img
          slot="icon"
          width="25"
          style="display:block;margin-right:10px;"
          src="../assets/images/weChatIcon.png"
        />
        <span>未关联</span>
      </cell>
    </group>
    <group title="苏宁金融绑定设置">
      <cell title="苏宁金融" link="financialSet" is-link>
        <img
          slot="icon"
          width="25"
          style="display:block;margin-right:10px;"
          src="../assets/images/yijinrongIcon.png"
        />
        <span>已关联</span>
      </cell>
    </group>
    <div class="hint">账号关联后，您可使用关联账号快速登录苏宁易购</div>
  </div>
</template>

<script>
import HeaderBox from '@/components/header'
import { Cell, Group } from 'vux'
export default {
  components: {
    HeaderBox,
    Cell,
    Group
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.bindingAccountBox {
    .hint {
        padding: 40px 20px;
        color: #666;
    }
}
</style>